<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // 存储定时器或者延时器的时候，存的实际上是一个编号

        // 清除延时器  clearTimeout(数字)   --- 此数字代表的是页面中的第几个闹钟

        // 清除定时器  clearInterval(数字)  --- 此数字代表的是页面中的第几个闹钟

        // 注意：页面中的定时器和延时器不做区分
        //     在编号的时候，定时器和延时器会一起编号
        //     清除的时候，clearTimeout() 可以清除延时器，也可以清除定时器
        //     清除的时候，clearInterval() 可以清除定时器，也可以清除延时器

        var t1 = setTimeout(fn , 1000) ;

        var t2 = setTimeout(fn , 3000) ;

        var t = setInterval(fn , 2000) ;


        console.log(t1);   // 1
        console.log(t2);   // 2
        console.log(t) ;   // 3    t是页面中的第三个闹钟

        // 清除延时器
        clearTimeout(t1) ;
        // clearTimeout(1) ; 

        // clearTimeout(2) ;
        clearInterval(t2);


        // clearInterval(3);
        clearTimeout(t) ;





        function fn() {
            console.log(666) ;
        }

    </script>
    
</body>
</html>